<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="favicon.ico">
    <title>show box</title>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
  </head>
<body>
	<!-- <iframe src="video.html" width="650" height="500" frameBorder="0" scrolling="no" allowfullscreen> </iframe> -->
	
	<div data-spy="scroll" data-target="#navbar-example" data-offset="0" style="width:600px;height:300px;overflow:auto; position: relative;">
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
		<li class=".col-xs-12 .col-md-8">
			<a class="user" href="#"><img class="img-circle" src="images/user-logo-mini.png" alt=""><span class="user-name">奔波儿灞</span></a>
			<span>&nbsp;</span>
			<span>03-08 15：00</span>
			<div>为什么小鑫的名字里有三个金呢？</div>
		</li>
	</div>
		<li class=".col-xs-12 .col-md-8"><textarea rows="3" cols="90"></textarea></li>
		<li class=".col-xs-12 .col-md-8"><input type="button" value="Clear" class="btn-clear" /> <input type="button" value="Send" class="btn-send" /></li>

	<script src="../jquery/jquery-2.2.4.min.js"></script>
	<script src="../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
